
//搜索框显示
function ssshow() {
    $(".search").css({
        left: "0%"
    })
}
//搜索框隐藏
function sshide() {
    $(".search").css({
        left: "100%"
    })
}

localStorage.setItem("sousuo",["华为"])
var title;
var nye = 0;
var state=1;
//搜索：
search()
function search() {

    $(".search-but").on("click", function () {
        sshide();
        title = $("#input").val()

        $("#surface-input").val(title);
        initrequest(title);
        loadmove(title)
        searchRecord(title)
        sshide()

    })
    $('#input').on('keypress', function (event) {   //软键盘回车事件绑定 
        if (event.keyCode == "13") {  //js监测到为为回车事件时 触发
            title = $("#input").val()
            $("#surface-input").prop("value",title);
            initrequest(title)
            loadmove(title)
            searchRecord(title)
            sshide()
        }
    })
}
//搜索记录存储：
function searchRecord(title){
    var arr=[];
    arr.push(localStorage.getItem("sousuo")); 
    arr.push(title)
    localStorage.setItem("sousuo",arr)
   let html2="";
    for(var i = 0;i<arr.length;i++){
        html2+=`<li>
       ${arr[i]}
    </li>`
    }
    $(".record-cont ul").html(html2);
}

//清空搜索记录：
$(".del").on("tap",function(){
    localStorage.removeItem('sousuo')
    $(".record-cont ul").html("");
})

$(".xx2").click(function () {
    sshide()
    console.log("为什么不隐藏");
})
//点击搜索，左滑动出现：
$(".inp").click(function () {
    ssshow()
})

//点击取消搜索：
$(".row-herd-y").click(function () {
    sshide()
})




function request(title) {
   console.log(state);
   
    $.ajax({
        url: "./api/searchList.php",
        dataType: "json",
        data: {
            title: title,
            nye: ++nye,
            state:state
        },
        success: function (data) {
        
            if (data['err']=="1") {
                var text = $("#ejs-html").html();
                var html = ejs.render(text, {
                    item: data.data
                })
                $(".row").append(html);
                $(".loading").show();
           
                addcar(data)


            } else {
                $(".row").append("<h5>更多暂无产品</h5>")
                $(".loading").hide();
                console.log("meiyoule");
                $ (window).unbind ('scroll');
            }
        }
    })
}

function initrequest(title) {
console.log(state);  
nye=1 
    $.ajax({
        url: "./api/searchList.php",
        dataType: "json",
        data: {
            title: title,
            nye: nye,
            state:state
        },
        success: function (data) {
        
            if (data['err']=="1") {
                var text = $("#ejs-html").html();
                var html = ejs.render(text, {
                    item: data.data
                })
                $(".row").html(html);
                $(".loading").show();
                addcar(data)

            } else {
                $(".row").append("<h5>更多暂无产品</h5>")
                $(".loading").hide();
                console.log("meiyoule");
                $ (window).unbind ('scroll');
            }
        }
    })
}

//加入购物车
function addcar(){
    
    
    
    $(".row").on("tap",".addcar",function(e){
       
        console.log("加入购物车");
        var title=$(this).finds(".title").text()
       var imgurl= $(this).finds(".goods-img").text()
       var price= $(this).finds(".price").text()
         var quantity=1;
          quantity = Number($("#quantity").text()) 
           $.ajax({
             url: "./api/addcar.php",
             dataType: "json",
             data: {
                 title:title,
                 img_url:imgurl,
                 price: price,
                 quantity:quantity
             },
             success: function (data) {
                 console.log(data);
                 
                 $(".ncar").text(data)
    
             }
          })
       })
    
}

//拖动加载/拖拽回弹：
function loadmove(title) {
    var debounce;
    $(window).scroll(function () {
        var top = $(window).scrollTop(); //当前窗口偏移值
        var vh = $(window).height();
        var bh = $("body").height();
        var startY = 0;
        document.querySelector("body").addEventListener("touchstart", function (e) {
            startY = e.touches[0].clientY;// console.log(startY+"初值");
        }, false)
  
        if (top + vh > bh - 10 ) {

            clearTimeout(debounce)
            debounce = setTimeout(function(){
                
                request(title)
            
            }, 800,title)

            //获取滑动的过程中，手指的位置
            // var marginb = 0;
            document.querySelector("body").addEventListener("touchmove", function (e) {
                clearTimeout(debounce)
                // e.preventDefault();//浏览器默认滚动
                var endY = e.touches[0].clientY
    
                disY = endY - startY
 
                var marginb = (-disY / 100);
 
                $("#bh").css({
                    height: marginb + "rem"
                })
            }, false)
            document.querySelector("body").addEventListener("touchend", function (title) {
                clearTimeout(debounce)
                debounce = setTimeout(function (title) {
                    request(title)
                }, 2000)
                $("#bh").css({
                    height: 0 + "rem"
                })
            }, false)
        }
    })

}




//点击切换显示方式
$(".hang").click(function () {
    $(".col-show").show();
    $(".goods-k li").addClass("row-goods-list")
    $(".goods-img").addClass("row-goods-img")
    $(".price").addClass("row-price")
    $(".addcar").addClass("row-addcar")
})

$(".col-show").click(function () {
    $(this).hide();
    $(".goods-k li").removeClass("row-goods-list")
    $(".goods-img").removeClass("row-goods-img")
    $(".price").removeClass("row-price")
    $(".addcar").removeClass("row-addcar")
})

//点击价格。销量排序：
var kg= true;
$(".filter-bar li").click(function(){
    $(this).addClass("clickfil").siblings().removeClass("clickfil")
   
    state=$(this).attr("data-state");
    if($(this).find(".icon").hasClass("fz")){
        $(this).find(".icon").removeClass("fz")
            
           state=-state;
            initrequest(title)
    
    }else{
        $(this).find(".icon").addClass("fz")
        state=state;
        initrequest(title)
    }
})

//点击商品进入详情页：
$(".row").on("click",".row li",function(){
  
    
   var proid= $(this).find("#proid").val();
   if(proid){
    window.location.href="goodsDetails.html?proid="+proid;
   }

  
})